<template>
    <!-- 如果你想使用加载条，你需要把调用其方法的组件放在 n-loading-bar-provider 内部并且注入 loadingBar -->
    <n-loading-bar-provider>
        <!-- 如果你想使用对话框，你需要把调用其方法的组件放在 n-dialog-provider 内部并且使用 useDialog 去获取 API。 -->
        <n-dialog-provider>
            <DialogContent />
            <!-- 如果你想使用通知，你需要把调用其方法的组件放在 n-notification-provider 内部并且使用 useNotification 来获取 API。 -->
            <n-notification-provider>
                <!-- 如果你想使用信息，你需要把调用其方法的组件放在 n-message-provider 内部并且使用 useMessage 去获取 API。 -->
                <n-message-provider>
                    <MessageContent />
                    <slot slot="default"></slot>
                </n-message-provider>
            </n-notification-provider>
        </n-dialog-provider>
    </n-loading-bar-provider>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import {
    NDialogProvider,
    NMessageProvider,
    NLoadingBarProvider,
    NNotificationProvider
} from "naive-ui";
import {DialogContent} from "@/components/DialogContent";
import { MessageContent } from "@/components/MessageContent";
export default defineComponent({
    name: "Application",
    components: {
        NDialogProvider,
        NMessageProvider,
        NLoadingBarProvider,
        NNotificationProvider,
        DialogContent,
        MessageContent
    },
    setup() {
        return {}
    }
})
</script>